iT邦幫忙

DAY 1
1

Chrome Extension 學習筆記系列 第 1

Chrome Extension 開發入門篇 01 - Chrome Extension 是什麼?

  • 分享至 

  • xImage
  •  

開發 Chrome Extension 之前,要先了解什麼是 Chrome Extension?當然,也必須要知道 Chrome Browser 是什麼?如果您沒聽過 Chrome Browser,請您立即前往下載並安裝(網址:http://www.google.com/chrome),然後使用幾天後再回來看這篇文章。

知道什麼是 Chrome Browser 後,我們來看看 Chrome Extension 又是什麼東西?跟 Chrome Browser 有什麼關係?首先,開啓 Chrome 線上應用程式商店,您可以看到商店上主要分成『應用程式』、『擴充功能』和『主題』三大類別的產品。如圖1所示。

圖1. Chrome 線上應用程式商店

簡單的說明一下這三個類別:

  1. 應用程式 (Chrome Apps)
    以網頁技術(如:HTML5、JavaScript、CSS)做成的 App,並提供像原生應用程式一樣的體驗,比 Web App 更為強大。
  2. 擴充功能 (Chrome Extensions)
    以網頁技術(如:HTML5、JavaScript、CSS)修改或增強 Chrome Browser 的功能。
  3. 主題 (Chrome Themes)
    單純改變 Chrome Browser 的外觀,不包含 HTML5、JavaScript 程式。

什麼情況下需要開發 Chrome Extension?

  • 需要一個輔助工具,讓 Chrome Browser 有更好的操作體驗。
  • 需要針對特定的幾個網頁增加功能或修改外觀。

Chrome Extension 能做到哪些事?

  • 替換『書簽管理頁』、『歷史記錄頁』和『新分頁』,改成自己想要的畫面或功能。(三選一)
  • 桌面通知。
  • 存取 Bookmarks、Cookies、History、Tabs、Windows。
  • 在 Developer Tools 中增加功能。
  • 支援多國語言(i18n)。
  • 取得或修改網頁內容(DOM)。
  • 跨域資源共享(CORS)。
  • 支援語音功能(tts)。

下一篇
Chrome Extension 開發入門篇 02 - Chrome Extension 開發的基本功
系列文
Chrome Extension 學習筆記30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言